<?php
/*------------------------------------------------------------------------

# TZ Portfolio Extension

# ------------------------------------------------------------------------

# author    TranLamTemPlaza

# copyright Copyright (C) 2012 templaza.com. All Rights Reserved.

# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL

# Websites: http://www.templaza.com

# Technical Support:  Forum - http://templaza.com/Forum

-------------------------------------------------------------------------*/

defined('_JEXEC') or die;

$doc = JFactory::getDocument();
$doc->addStyleSheet('modules/mod_tz_teaser_slide/css/style.css');
$doc->addStyleSheet('modules/mod_tz_teaser_slide/showbizpro/css/settings.css');
$doc->addStyleSheet('modules/mod_tz_teaser_slide/showbizpro/fancybox/jquery.fancybox.css?v=2.1.3');
$doc->addScript('modules/mod_tz_teaser_slide/showbizpro/fancybox/jquery.fancybox.pack.js?v=2.1.3');
$doc->addScript('modules/mod_tz_teaser_slide/showbizpro/js/jquery.themepunch.showbizpro.min.js');

?>


<!-- DEMO VII. -->
<div id="example7" class="showbiz-container whitebg sb-retro-skin">

<!-- THE NAVIGATION -->
<div class="showbiz-navigation sb-nav-retro">
    <a id="showbiz_left_7" class="sb-navigation-left"><i class="sb-icon-left-open"></i></a>
    <a id="showbiz_play_7" class="sb-navigation-play"><i class="sb-icon-play sb-playbutton"></i><i class="sb-icon-pause sb-pausebutton"></i></a>
    <a id="showbiz_right_7" class="sb-navigation-right"><i class="sb-icon-right-open"></i></a>
    <div class="sbclear"></div>

</div> <!-- END OF THE NAVIGATION -->

<div class="divide20"></div>

<!--	THE PORTFOLIO ENTRIES	-->
<div class="showbiz" data-left="#showbiz_left_7" data-right="#showbiz_right_7" data-play="#showbiz_play_7">

    <!-- THE OVERFLOW HOLDER CONTAINER, DONT REMOVE IT !! -->
    <div class="overflowholder">
        <!-- LIST OF THE ENTRIES -->
        <ul>

            <?php
            for($i=0;$i<count($rows);$i++){
            ?>
                <!-- AN ENTRY HERE , WITH PREDEFINED GREY SKIN-->
                <li class="sb-retro-skin">
                    <?php
                    if($show_image == 1){
                    ?>
                        <!-- THE MEDIA HOLDER -->
                        <div class="mediaholder">
                            <div class="mediaholder_innerwrap">
                                <img alt="" src="<?php echo JUri::base().substr($rows[$i] ->images,0,69)."_L.".substr($rows[$i] ->images,70,80);?>">
                                <!-- HOVER COVER CONAINER -->
                                <div class="hovercover">
                                    <a class="fancybox" rel="group" href="<?php echo JUri::base().substr($rows[$i] ->images,0,69)."_L.".substr($rows[$i] ->images,70,80);?>">
                                        <div class="linkicon"><i class="sb-icon-plus"></i></div>
                                    </a>
                                </div><!-- END OF HOVER COVER -->
                            </div>
                        </div><!-- END OF MEDIA HOLDER CONTAINER -->
                    <?php
                    }
                    ?>

                    <!-- DETAIL CONTAINER -->
                    <div class="detailholder">
                        <div class="divide20"></div>
                        <?php
                        if($show_title == 1){
                        ?>
                            <div class="showbiz-title"><a href="<?php echo $rows[$i] ->link;?>"><?php echo $rows[$i] ->title;?></a></div>
                        <?php
                        }
                        ?>
                        <div class="divide15"></div>
                        <?php
                        if($show_introtext == 1){
                        ?>
                            <div class="showbiz-description"><?php echo substr($rows[$i] ->introtext,0,120);?></div>
                            <div class="divide15"></div>
                            <a href="<?php echo $rows[$i] ->link;?>" class="showbiz-button">Read More</a>

                        <?php
                        }
                        ?>
                    </div><!-- END OF DETAIL CONTAINER -->

                </li><!-- END OF ENTRY -->
            <?php
            }
            ?>

        </ul>
        <div class="sbclear"></div>
    </div> <!-- END OF OVERFLOWHOLDER -->
    <div class="sbclear"></div>
</div>

<script type="text/javascript">

    jQuery(document).ready(function() {

        jQuery('#example7').showbizpro({
            dragAndScroll:"<?php if($drag_and_scroll==1){echo "on";} else echo "off";?>",
            visibleElementsArray:[5,5,3,1],
            carousel:"<?php if($carousel==1){echo "on";} else echo "off";?>",
            entrySizeOffset:0,
            allEntryAtOnce:"<?php if($all_entry_at_once==1){echo "on";} else echo "off";?>",
            ytMarkup:"<iframe src='http://www.youtube.com/embed/%%videoid%%?hd=1&amp;wmode=opaque&amp;autohide=1&amp;showinfo=0&amp;autoplay=1'></iframe>",
            vimeoMarkup:"<iframe src='http://player.vimeo.com/video/%%videoid%%?title=0&amp;byline=0&amp;portrait=0;api=1&amp;autoplay=1'></iframe>",

        });

        // THE FANCYBOX PLUGIN INITALISATION
        jQuery(".fancybox").fancybox();

    });

</script>